<link media="all" type="text/css" rel="stylesheet" href="../templates/styles/all.css">
<script type="text/javascript" src="../templates/scripts/mootools-core-1.3-full-compat-yc.js"></script>
<script type="text/javascript" src="../templates/scripts/slideGallery.js"></script>
<script type="text/javascript">
    window.addEvent("domready", function() {

        /* Example 5 */
        var gallery5 = new fadeGallery($$(".gallery5"), {
            speed: 2000,
            paging: true,
            pagingEvent: "mouseenter",
            autoplay: true,
            duration: 8000,
            onStart: function() {
                this.gallery.getElement(".info").set("html", parseInt(this.current+1) + " from " + this.items.length);
            },
            onPlay: function() { this.fireEvent("start"); }
        });
    });
</script>

<div id="wrapper">
    <div class="gallery gallery5 gallery-fade">
        <div class="holder">
            <ul>
                <li style="visibility: hidden; zoom: 1; opacity: 0;">
                    <a href="/" target="_parent">
                        <img src="../templates/images/qcao/qc_online dem halloween.png" alt="image" width="760" border="0">
                    </a>
                </li>
                <li style="visibility: hidden; zoom: 1; opacity: 0;">
                    <a href="/" target="_parent">
                        <img src="../templates/images/qcao/qc_may anh canon.png" alt="image" width="760" border="0">
                    </a>
                </li>
                <li style="visibility: hidden; zoom: 1; opacity: 0;">
                    <a href="/" target="_parent">
                        <img src="../templates/images/qcao/qc_sony xperia miro.png" alt="image" width="760" border="0">
                    </a>
                </li>
                <li style="visibility: hidden; zoom: 1; opacity: 0;">
                    <a href="/" target="_parent">
                        <img src="../templates/images/qcao/qc_suachua_thegioikts.png" alt="image" width="760" border="0">
                    </a>
                </li>
                <li style="visibility: visible; zoom: 1; opacity: 1;">
                    <a href="/" target="_parent">
                        <img src="../templates/images/qcao/qc_blackberry.png" alt="image" width="760" border="0">
                    </a>
                </li>
            </ul>
        </div>
        <div class="control">
            <a href="http://thegioikts.com/slidegallery.php#" class="prev">prev</a>
            <a href="http://thegioikts.com/slidegallery.php#" class="next">next</a>
         </div>
        <div class="paging" id="paging">
        </div>
    </div>
</div>